import React, {Component, Fragment} from 'react'
import {Row, Col, Button, Icon} from 'antd'
import '../style/index.scss'
import { Link } from 'react-router-dom'

class ResLeft extends Component {
    // constructor(props){
    //     super(props)
    // }

    render(){
        return (
            <Fragment>
                <div className='leftBox' >
                    <Row><h1>&nbsp;</h1></Row>
                    <Row><h1>&nbsp;</h1></Row>
                    <Row type={'flex'} justify={'center'}>
                        <Col xs={{span:24}} md={{span:16}}  style={{textAlign:'right'}}>
                            <Row className='rowSet'><img src={'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1584890089231&di=2bb01370a58000c198e37d9d862c8b2d&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20170724%2Fad28da0d658b43aba84ce91df9cacdad.jpeg'} className="userImg" alt={"userImg"} /></Row>
                            <Row className='rowSet'><h1 className='fnt'>王家宇</h1></Row>
                            <Row className='rowSet'><h3 className='fnt'><Icon type="html5" /> Web前端工程师</h3></Row>
                            <Row className='rowSet'><h3 className='fnt'><Icon type="man" /> 男 / 31岁 /  <Icon type="read" /> 本科 / <Icon type="laptop" /> 8年工作经验</h3></Row>
                            <Row className='rowSet'><h3 className='fnt'>人不可有傲气，但不可无傲骨</h3></Row>
                            <Row className='rowSet'><Button type="primary" size={'large'} ><Icon type="download" />下载简历</Button></Row>
                            <Row><Col xs={{span:0}} xl={{span:24}} xxl={{span:24}}><h1>&nbsp;</h1></Col></Row>
                            <Row><Col xs={{span:0}} xl={{span:24}} xxl={{span:24}}><h1>&nbsp;</h1></Col></Row>
                            <Row><Col xs={{span:0}} xl={{span:24}} xxl={{span:24}}><h1>&nbsp;</h1></Col></Row>
                            <Row><Col xs={{span:0}} xl={{span:24}} xxl={{span:24}}><h1>&nbsp;</h1></Col></Row>
                            <Row><Col xs={{span:0}} xl={{span:24}} xxl={{span:24}}><h1>&nbsp;</h1></Col></Row>
                            <Row><Col xs={{span:0}} xl={{span:0}} xxl={{span:24}}><h1>&nbsp;</h1></Col></Row>
                            <Row><Col xs={{span:0}} xl={{span:0}} xxl={{span:24}}><h1>&nbsp;</h1></Col></Row>
                            <Row><Col xs={{span:24}} xl={{span:0}} xxl={{span:24}}><h1>&nbsp;</h1></Col></Row> 
                            <Row>
                                <Col xs={{span:0}} md={{span:4}} style={{textAlign:'center'}}><Link to="/" style={{color:'#fff'}}>首页</Link></Col>
                                <Col xs={{span:0}} md={{span:4}} style={{textAlign:'center'}}><Link to="/chat" style={{color:'#fff'}}>聊天室</Link></Col>
                                <Col xs={{span:0}} md={{span:4}} style={{textAlign:'center'}}><Link to="/todo" style={{color:'#fff'}}>待办事项</Link></Col>
                                <Col xs={{span:0}} md={{span:4}} style={{textAlign:'center'}}><Link to="/resume" style={{color:'#fff'}}>简历</Link></Col>
                                <Col xs={{span:0}} md={{span:4}} style={{textAlign:'center'}}><Link to="/" style={{color:'#fff'}}>博客</Link></Col>
                                <Col xs={{span:0}} md={{span:4}} style={{textAlign:'center'}}><Link to="/message" style={{color:'#fff'}}>留言板</Link></Col>
                            </Row>
                        </Col>
                    </Row>
                </div>
            </Fragment>
        )
    }
}

export default ResLeft